*{box-sizing: border-box;}
ul,li,dl,dt,dd{list-style:none;}
body{font-size:12px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background:#FFF;}
a{text-decoration:none;color:#666;margin:0;padding:0;}
a:link{}
a:visited{}
a:hover{}
a:active{}
a img{ border:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,select,img,table,a,body{padding:0; margin:0; border-collapse:collapse }
input,select,textarea { cursor: pointer; -webkit-appearance: none;}
.clear {clear:both; height:0; overflow:hidden;}

.zan{width:90%; margin: .4rem auto; border: 1px dashed #9f313a; border-radius: 5px; text-align: center; font-size: .8rem; color: #333; height: 2rem; line-height: 2rem;}
.zong{background-color: #f2f2f2;}
.z-zong{width: 100%; padding: 0 .5rem; margin-top: .4rem;}

#page-head {
    width: 100%;
    background-color: #fff;
}
.backnav {
    height: 40px;
    background: #529ff2;
    color: #fff;
    font: 400 16px/40px "\5FAE\8F6F\96C5\9ED1";
    text-align: center;
}
.area {
    padding: 0 10px;
    position: relative;
    color: #FFF;
}
.area .back {
    height: 40px;
    left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    color: #FFF;
    padding-left: 20px;
}
.area .back .back_ico {
    width: 10px;
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    position: absolute;
    top: 14px;
    left: 0;
}
.area .back .back_txt {
    display: none;
}


.z-sech { width:70%;margin: 0 auto;height: 2rem; padding-top:.2rem; float: left;}
.z-sech form { width:100%; height:2rem; background:url(../images/sech.png) no-repeat; background-size:100%;}
.z-sech-an { width:15%; height:1.8rem; border:0; cursor: pointer; -webkit-appearance: none; float:left; opacity:0;}
.z-sech-shu { width:85%; height:1.4rem; border:0; cursor: pointer; -webkit-appearance: none; float:left; border-radius:5px; font-size:.8rem; background-color:#FFFFFF; padding-left:.5rem;}
.z-fen{ width: 28%; float: left; height: 2rem; line-height: 2rem;  margin-left: .2rem;}
.z-fen a{display: block;}
.z-fen p{font-size: .6rem; color: #585858; float: left; margin-left: .2rem;}
.z-fen img{width: 18%; margin-top: .5rem; margin-left: .2rem}


.slideBox{ position:relative; overflow:hidden;width:100%; margin-top: .4rem;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1;width: 100%;text-align: center; }
.slideBox .hd li{ display:inline-block; width:.4rem; height:.4rem; border-radius:15px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fe798e;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
.shou-c1 { width:100%;}
.shou-c1 li { width:25%; text-align:center; font-size:.6rem;float:left; padding:.4rem 0; position: relative;}
.shou-c1 li img { width:2.5rem;}
.shou-c1 li a { display:block; color:#666; }
.xiao{width: 20%; position:absolute; top: .3rem; left: 2.3rem;}


#wrap {width:100%; overflow: hidden; margin-bottom:3rem;}
#tit { width:100%;}
#tit span {float: left; height:2rem; line-height: 2rem; width: 20%; font-size: .7rem; text-align: center; color: #666;background:#fff;border-bottom: 1px solid #e5e5e5;}
.con{display: none; width: 100%;}
#tit span.select { color: #666; border-bottom: 3px solid #fe798e;}
#con div.show {display: block;}
.sh li:nth-child(1){margin-top: 3rem;}
.sh li{margin-top: 1rem;}
.qie1{width: 90%; margin: 0 auto; background: url(../images/z11.png) no-repeat; background-size: 100%; height: 1.6rem;}
.qie1 p{font-size: .8rem; color: #fff; margin-top: .2rem; width: 10rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin: 0 auto;}
.qie2{width: 90%; margin: 0 auto; background: url(../images/z12.png) no-repeat; background-size: 100%; height: 4.6rem; margin-top: .6rem; padding: .4rem;}
.qie2 p{font-size: .6rem; color: #9d9d9d; text-indent: 2em;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.qie2 a{font-size: .7rem; color: #fe9ba0; float: right; margin-top: .2rem;}
.qie2 a span{color: #9d9d9d;}

.sh-1{width: 100%; margin: 0 auto;}
.sh-1 li{width: 100%; float: left; background-color: #fff; padding: .4rem;border-bottom:solid 1px #E8E8E8}
.sh-2{width: 40%; float: left;}
.sh-2 img{width: 100%;}
.sh-2 p{font-size: .6rem; color: #999; text-align: center; margin-top: .2rem;}
.sh-3{width: 55%; margin-left: 5%; float: left;}
.sh-3 p:nth-child(1){font-size: .7rem; color: #666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom: 1px solid #dedede; padding-bottom: .1rem;}
.sh-3 p:nth-child(2){font-size: .6rem; color: #999; margin-top: .2rem; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}

.biaoqian { width:100%; height:2.5rem; border-top:1px solid #E5E5E5; background-color:#DDDDDD; position:fixed; bottom:0; }
.biaoqian li { width:25%; float:left; text-align:center; padding:5px;}
.biaoqian li a { display:block;}
.biaoqian li a img { width:1.2rem;}
.biaoqian li a p { font-size:.5rem; color:#666666;}
.sh-4{width: 35%; float: left; position: relative;height:80px}
.sh-4 img{width: 100%;height:60px;margin:10px;}
.xi{width: 20%; position: absolute; top: -.2rem; left: 2.7rem;}
.sh-5{width: 55%; float: left; margin-left: .4rem;}
.sh-5 p:nth-child(1){font-size: .8rem; color: #333; float: left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width: 7rem;}
.sh-5 img{width: 10%;}
.sh-5 p:nth-child(3){font-size: .6rem; color: #999; margin-top: .3rem;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.sh-6{width: 20%; float: left; margin-left: 2%; padding-left: .3rem;}
.sh-6 img:nth-child(1){width: 18%; float: left;}
.sh-6 p:nth-child(2){font-size: .5rem; color: #999; margin-left: .6rem;}
.sh-6 p:nth-child(3){font-size: .5rem; color: #fda821; margin-top: .1rem; margin-left: .1rem;}
.sh-6 img:nth-child(4){width: 60%;margin-left: .2rem; margin-top: .1rem;}
.sh-7{width: 100%; border-top: 1px solid #dedede;  line-height: 2rem; background-color: #fff; padding: 0 1rem; overflow: hidden;}
.sh-7 img:nth-child(1){width: 7%;float: left; margin-top: .5rem;}
.sh-7 p{font-size: .8rem; color: #333; float: left; margin-left: .4rem;}
.sh-7 img:nth-child(3){width: 5%; float: right; margin-top: .2rem; margin-top: .8rem;}
.sh-8{width: 100%; background-color: #fff; display: none; padding: .3rem 0; overflow: hidden;}
.sh-9{width: 100%; border-top: 1px solid #dedede; height: 2rem; line-height: 2rem; background-color: #fff; padding: 0 1rem;}
.sh-9 img:nth-child(1){width: 7%;float: left; margin-top: .5rem;}
.sh-9 p{font-size: .8rem; color: #333; float: left; margin-left: .4rem;}
.sh-9 img:nth-child(3){width: 5%; float: right; margin-top: .2rem; margin-top: .8rem;}
.sh-10{width: 100%; background-color: #fff; display: none; padding: .3rem 0; overflow: hidden;}


.wen1{width: 100%; background-color: #fff;}
.wen1 li{width: 100%; padding: .6rem 1rem; border-bottom: 1px solid #dedede;}
.wen1 li:nth-child(1){width: 100%; background-color: #f2f2f2; border: none;}
.wen1 li p{font-size: .8rem; color: #545454;}
.wen1 li span{font-size: .8rem; color: #999;}
.wen1 li input{border:none; width:8rem; font-size:.8rem; height:1rem; line-height: 1rem;}
.wen1 li img{width: 25%; margin-top: .4rem;}
.wen1 select{border: none; width: 14rem; font-size: .8rem; height: 1.2rem; color: #999;}
.wen1 li textarea{width:100%; height:4rem; font-size: .8rem; border: none;}
.wen2 {width: 80%; margin: 0 auto;  margin-top: 1rem;}
.wen2 img{width: 6%; float: left; margin-left: .8rem; margin-top: .1rem;}
.wen2 p{font-size: .7rem; color: #545454; margin-left: 1.7rem; height: 1rem;line-height: 1rem;}
.wen2 a{font-size: .7rem; color: #545454;text-decoration:underline;}
.wen3{width: 90%; margin: 1rem auto; background-color: #5acc5a; border-bottom: 5px solid #55b655; border-radius: 8px; padding: .6rem 0; text-align: center;}
.wen3 a{font-size: .8rem; color: #fff; display: block;}
.wen4{width: 100%; margin-bottom: 2.5rem; overflow: hidden;}
.wen4 li{width: 100%; float: left; margin-top: 1rem; background-color: #fff; padding: .4rem;}

.ruzhu1{width: 100%;}
.ruzhu1 img{width: 100%;}
.ruzhu2{width: 100%; padding: .5rem;}
.ruzhu2 p{font-size: .8rem; color: #535353; margin-top: .2rem;}
.ruzhu3 {width: 100%; text-align: center; margin-bottom: 3.5rem;}
.ruzhu3 p{font-size: .6rem; color: #717171;}
.ruzhu3 p span{margin-left: .8rem;}

.qing{width: 100%; padding-bottom: 2rem; overflow: hidden;}

.xiang{width: 100%; background-color: #ffffff;}
.xiang li{width: 100%; border-bottom: 1px solid #f2f2f2; padding: .8rem; overflow: hidden;}
.xiang li p{font-size: .9rem; color:#525252;}
.xiang li img{width: 8%; float: left; margin-right: .4rem;}
.xiang li:nth-child(1) p{font-size: .9rem; color: #525252; float: left;}
.xiang li:nth-child(1) img{width: 5%; margin-left: .4rem; margin-top: .3rem;}
.xiang li:nth-child(2) img{width: 8%; float: left; margin: 0; margin-top: .4rem;}
.xiang li:nth-child(2) p{font-size: .7rem;}
.xiang li:nth-child(2) p span{color: #999; margin-left: .2rem;}
.xiang li:nth-child(2) p a{color: #f0a00f; margin-left: .2rem;}
.xiang2{width: 65%; float: left; margin-left: .3rem; border-right: 1px solid #f2f2f2;}
.xiang3{width: 20%; float: right;}
.xiang li:nth-child(5) p{font-size: .7rem; color: #999;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.xiang5{width: 100%; background-color:#fff;}
.xiang5 li{width: 100%; border-top: 1px solid #f2f2f2; padding: 0 .8rem; overflow: hidden; height: 3rem; line-height: 3rem;}
.xiang5 li p{font-size: .9rem; color:#525252; float: left;}
.xiang5 li img{width: 8%; float: left; margin-right: .4rem; margin-top: .9rem;}
.xiang5 li:nth-child(3) img:nth-child(3){width: 3%; float: right; margin-top: 1rem;}
.xiang5 li:nth-child(3) a{ display: block; overflow: hidden;}
.xiang6{width: 100%; background-color: #00baff; padding: .6rem;}
.xiang6 p{font-size: .8rem; color: #fff;}
.xiang4{width: 100%; margin-bottom: 1rem;}
































